// 测试吐丝函数
const btnLogin = document.querySelector('#btn-login')
btnLogin.addEventListener('click', async function (e) {
    // 阻止默认行为
    e.preventDefault()
    // showToast('注册成功')

    // 收集数据
    const form = document.querySelector('form')
    const { username, password } = serialize(form, { hash: true, empty: true })
    // 校验数据
    // 非空校验
    if (username.trim().length === 0 || password.trim().length === 0) {
        return showToast('用户名或密码不能为空')
    }
    // 长度校验
    if (username.trim().length < 8 || username.trim().length > 30 || password.trim().length < 6 || password.trim().length > 30) {
        return showToast('用户名8-位,密码6-30位')
    }

    // 提示用户
    try {
        // 发送请求
        const  data  = await axios.post('/login', { username, password })
        // 提示用户成功
        showToast(data.message)
        // console.dir(data)
        // ---------------登录鉴权--------------
        localStorage.setItem('token', data.data.token)
        // ------------------------------------
        localStorage.setItem('username',data.data.username)

        // 跳转登录页
        setTimeout(() => {
            location.href = './index.html'
        }, 1000)
    } catch (err) {
        // 提示用户错误信息
        showToast(err.response.data.message)
    }

})